<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hello</title>
    <script src="../js/angular.js"></script>

</head>
<body ng-app="app">
        <div ng-controller="HelloCon">
            <!--ng controller 会调用scope对象的new 方法创建新的作用域
            angularjs 拥有 rootscope

            是作用域创建指令-->
            hello
            <input type="text" ng-model="name">
            <hr>
            hello {{name}}
        </div>
        <script>
            var app = angular.module("app",[]);
            app.controller("HelloCon",function ($scope) {

                $scope.name = name;
            })
            /* $scope 对象时模板的域模型
            * 也称为作用域实例
            * 通过为其属性赋值
            * 可以传递数据给模板渲染
            * 控制器controller
            * 主要职责就是初始化作用域实例
            * 提供模型的初始值
            * 增加ui相关的行为函数以扩展scope对象
            * 模型
            * 实际上就是普通的js对象*/
        </script>
</body>
</html>